<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
		<title>SCEOS - <ui:insert name="titulo" /></title>
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/estilo.css" />
		<ui:insert name="head"/>
	</h:head>

	<h:body>
		<div class="div-alinhada-centro">
			<!-- topo -->
			<div 
				class="ui-widget-header sombra" 
				style="padding: 10px; " >
				<h1 class="titulo" >SCEOS</h1>
				<h3 class="subtitulo" >Sistema de controle de estoque ostente</h3>
			</div>
			
		 	<!-- menu -->
		 	<h:form id="menuForm">
				<p:menubar styleClass="sombra">
				
					<p:menuitem value="Principal" icon="ui-icon-home" url="/paginas/controle/inicial.jsf"/>
					
					<p:submenu label="Configuração" icon="ui-icon-wrench">
						<p:menuitem value="Manter usuário" action="#{manterUsuarioBean.abrirPaginaInicial}"/>
						<p:menuitem value="Manter categoria" action="#{manterCategoriaBean.abrirPaginaInicial}"/>
						<p:menuitem value="Manter filiados" url="#"/>
					</p:submenu>
				
				</p:menubar>
			</h:form>
			
			<!-- figura de loading -->
			<div 
				align="center" 
				style="margin-bottom: 5px; margin-top: 5px;">
				<p:ajaxStatus 
					style="width:16px; height:16px;">
					<f:facet name="start" >
						<h:graphicImage id="gif" value="/img/ajaxloading.gif" />
					</f:facet>
					<f:facet name="complete">
						<h:outputText value="" />
					</f:facet>
				</p:ajaxStatus>
			</div>
			
			<h1 
				class="tituloUC ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all sombra" 
				style="padding-left: 10px"> 
				<ui:insert name="tituloUC"/>
			</h1>
			
			<br/>
			
			<div id="corpo" style="margin-left:15px; margin-right:15px;">
				<!-- corpo da pagina -->
				<ui:insert name="corpo">
					Corpo da página não encontrado
				</ui:insert>
			</div>
		</div>
	  
		<!-- mensagens -->		
		<p:growl id="msgSistema" infoIcon="/img/accept.png" showDetail="true" life="7000"/>
	  
	</h:body>
</html>